@import '~antd/lib/style/themes/default.less';
@import '~@/utils/utils.less';
@line-color: deepskyblue;
@hover-color: @line-color;
.border{  // 外框
  :global {
    color:#000;
    .ant-input {
      background-color: transparent;
      text-transform: uppercase;
      border-radius: 0px;
    }
    .ant-input-number {
      border-radius: 0px;
      background-color: transparent;
    }
    .ant-select-selection {
      border-radius: 0px;
      background-color: transparent;
    }
  }

  * {
    font-weight: 600;
  }

  // 下面的总框框
  .container {
    border: 2px solid;
    border-color: @line-color;
    margin-bottom: 5em;

    .leaderCol { // 第一列
      border-right: 2px solid;
      border-color: @line-color;
      text-align: center;
      height: 100%;
    }
    .labelCol {  // 其他列的标签
      text-align: center;
      height: 100%;
      border-left: 2px solid;
      border-right: 2px solid;
      border-color: @line-color;
      text-align: center;
    }

    :global {
      .ant-col-1 {
        padding-left: 2px;
        padding-right: 2px;
      }
      .ant-card-body {
        padding: 12px;
      }
      .ant-input {
        height: 2em;
      }
      .ant-form-item {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .ant-form-item-label {
        line-height: unset;
        padding-top: 0.5em;
      }
      .ant-input-number-handler-wrap {
        visibility: collapse;
      }
    }

    // 框内第一行：收发通
    .sft {
      border-bottom: 2px solid;
      border-color: @line-color;
    }
    // 框内第二行： 船名航次
    .vessaRow {
      border-bottom: 2px solid;
      border-color: @line-color;
      .leaderCol {
        height: 100%;
        line-height: 1.8em;
        text-align: center;
        border-right: 2px solid;
        border-color: @line-color;
      }
      .labelCol {
        height: 100%;
        line-height: 1.8em;
        text-align: center;
        border-left: 2px solid;
        border-right: 2px solid;
        border-color: @line-color;
      }    
      .otherCol {
        padding:4px;
        height: 100%;
      }    
    }
    // 框内第三行：品名麦头
    .nameAndMarks {
      border-bottom: 2px solid;
      border-color: @line-color;
    }
  }
}

